.calendar-week {
    
    .week-hearder {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        margin-left: 50px;
        .calendar-day {
            flex: 1;
            height: 25px;
            display: inline-block;
            text-align: center;
            border-top: 1px solid #f0f0f0 ;
            border-bottom: 1px solid #f0f0f0 ;
            &:nth-child(7n+1){
                color: #e02d2d;
                border-left: none;
            }
            &:nth-child(7n){
                color: #e02d2d;
            }
        }
        .previous, .next {
            color: #ccc;
            &:nth-child(7n){
                color: #fd9191;
            }
            &:nth-child(7n+1){
                color: #fd9191;
            }
        }
    }
    
    .week-table {
        width: 100%;
        display: flex;
        text-align: center;   
        overflow: auto;
        height: calc(100% - 130px);
        .week-Box {
            position: relative;
            width: 100%;
            .week-timeBox {
                display: flex;
            }
            .week-time {
                position: absolute;
                top: 0;
                width: 100%;
                height: 2400px;
                display: flex;
                justify-content: space-between;
                .week-day {
                    flex: 1;
                    display: flex;
                    justify-content: space-between;
                    .week-col {
                        flex: 1;
                        margin: 0 2px;
                        position: relative;
                        .week-td {
                            border: paleturquoise 1px solid;
                            border-radius: 4px;
                            background-color: #fff;
                            text-align: center;
                            border-top: 5px solid paleturquoise;
                            background-color: #1890ff63;
                        }
                    }
                }
            }
        }
    }
    .week-quarter {
        border-bottom: 1px solid rgba(206, 202, 202, 0.26);
        height: 25px;
        width: 100%;
    }
    .week-col {
        flex: 1;
    }
    .week-hour {
        border-bottom: 1px solid rgba(190, 184, 184, 0.26);
        border-right: 1px solid rgba(190, 184, 184, 0.534);
        height: 100px;
        width: 100%;
    }
    .week-houtAxis {
        width: 50px;

        .week-houtBox{
            height: 100px;
            line-height: 100px;
        }
    }
}
